<template>
  <div>

    <el-tabs type="border-card">
      <el-tab-pane label="个性配置">
        <base-config />

      </el-tab-pane>
      <el-tab-pane label="存储配置">
        <upload-config />
      </el-tab-pane>

      <el-tab-pane label="直播配置">
        <live-config />
      </el-tab-pane>

      <el-tab-pane v-if="siteData.faceLogin" label="人脸识别">
        <face-config />
      </el-tab-pane>

      <el-tab-pane label="功能配置">
        <switch-config />
      </el-tab-pane>

    </el-tabs>

  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import LiveConfig from './live'
import UploadConfig from './upload'
import BaseConfig from './base'
import FaceConfig from '@/views/admin/sys/config/face'
import SwitchConfig from '@/views/admin/sys/config/switch'

export default {
  components: { SwitchConfig, FaceConfig, BaseConfig, UploadConfig, LiveConfig },
  computed: {
    ...mapGetters([
      'siteData'
    ])
  }
}
</script>
